<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>向 Window 对象添加事件句柄</title>
</head>

<body>
    <!-- addEventListener() 方法允许你在 HTML DOM 对象添加事件监听， HTML DOM 对象如： HTML 元素, HTML 文档, window 对象。或者其他支持的事件对象如: xmlHttpRequest 对象。 -->

    <p>实例在 window 对象中使用 addEventListener() 方法。</p>
    <p>尝试重置浏览器的窗口触发 "resize" 事件句柄。</p>
    <p id="demo"></p>
    <script>
        window.addEventListener("resize", function () {
            document.getElementById("demo").innerHTML = Math.random();
        });
    </script>
</body>

</html>